<template>
  <view class="privacy-container">
    <view class="header">
      <view class="back" @tap="navigateBack">
        <text class="icon">←</text>
      </view>
      <text class="title">隐私协议</text>
      <view class="placeholder"></view>
    </view>

    <view class="content-container">
      <rich-text :nodes="content"></rich-text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: ''
    };
  },
  onLoad() {
    // 加载隐私协议内容
    this.loadPrivacyContent();
  },
  methods: {
    // 返回上一页
    navigateBack() {
      uni.navigateBack();
    },

    // 加载隐私协议内容
    loadPrivacyContent() {
      this.content = `
        <div class="privacy-content">
          <h1>隐私协议</h1>
          <p class="update-time">更新日期：2023年12月1日</p>
          
          <h2>1. 引言</h2>
          <p>欢迎使用我们的酷游宝。本隐私协议旨在向您说明我们如何收集、使用、存储和保护您的个人信息。使用我们的服务，即表示您同意我们按照本协议收集和使用您的信息。</p>
          
          <h2>2. 信息收集</h2>
          <p>我们可能收集以下类型的信息：</p>
          <ul>
            <li>个人身份信息：如姓名、手机号码、电子邮箱等。</li>
            <li>账户信息：如用户名、密码、安全问题等。</li>
            <li>交易信息：如购买记录、销售记录、支付信息等。</li>
            <li>设备信息：如设备型号、操作系统版本、IP地址等。</li>
          </ul>
          
          <h2>3. 信息使用</h2>
          <p>我们使用收集的信息用于以下目的：</p>
          <ul>
            <li>提供、维护和改进我们的服务。</li>
            <li>处理您的交易请求和账户管理。</li>
            <li>发送服务通知、安全警告和支持消息。</li>
            <li>验证您的身份和防止欺诈行为。</li>
            <li>进行数据分析和市场研究，以改善我们的服务。</li>
          </ul>
          
          <h2>4. 信息保护</h2>
          <p>我们采取各种安全措施保护您的个人信息，包括但不限于：</p>
          <ul>
            <li>使用加密技术保护数据传输和存储。</li>
            <li>实施访问控制措施，限制对个人信息的访问。</li>
            <li>定期进行安全评估和漏洞扫描。</li>
          </ul>
          
          <h2>5. 信息共享</h2>
          <p>我们不会出售您的个人信息给第三方。在以下情况下，我们可能会共享您的信息：</p>
          <ul>
            <li>获得您的明确同意后。</li>
            <li>遵守法律法规要求或响应合法请求。</li>
            <li>保护我们的权利、财产或安全，以及我们用户的权利、财产或安全。</li>
            <li>与我们的关联公司、服务提供商共享，前提是他们同意保护您的信息安全。</li>
          </ul>
          
          <h2>6. 您的权利</h2>
          <p>您有权访问、更正或删除您的个人信息。您也可以随时联系我们，要求停止处理您的个人信息或撤回您的同意。</p>
          
          <h2>7. 协议更新</h2>
          <p>我们可能会不时更新本隐私协议。当我们对协议进行重大更改时，我们将通过平台公告或其他方式通知您。继续使用我们的服务表示您接受更新后的协议。</p>
          
          <h2>8. 联系我们</h2>
          <p>如果您对本隐私协议有任何问题或建议，请通过以下方式联系我们：</p>
          <p>电子邮件：privacy@example.com</p>
          <p>客服电话：400-123-4567</p>
        </div>
      `;
    }
  }
};
</script>

<style scoped>
.privacy-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f8f8f8;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88rpx;
  padding: 0 30rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.back {
  width: 40rpx;
  height: 40rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon {
  font-size: 32rpx;
  color: #333;
}

.title {
  font-size: 36rpx;
  color: #333;
  font-weight: 500;
}

.placeholder {
  width: 40rpx;
}

.content-container {
  padding: 40rpx;
  margin-top: 100rpx;
  flex: 1;
  overflow-y: auto;
}

.privacy-content {
  font-size: 28rpx;
  line-height: 1.8;
  color: #333;
}

.privacy-content h1 {
  font-size: 40rpx;
  color: #333;
  text-align: center;
  margin-bottom: 30rpx;
}

.privacy-content h2 {
  font-size: 32rpx;
  color: #333;
  margin: 30rpx 0 20rpx 0;
}

.privacy-content p {
  margin-bottom: 20rpx;
}

.privacy-content ul {
  padding-left: 40rpx;
  margin-bottom: 20rpx;
}

.privacy-content li {
  margin-bottom: 10rpx;
  list-style-type: disc;
}

.update-time {
  text-align: center;
  color: #999;
  font-size: 26rpx;
  margin-bottom: 40rpx;
}
</style>
